			.serverDetail-wrapper {
				height: 100%;
				box-sizing: border-box;
			}

			.serverDetail-content-wrapper {
				height: 100%;
				background: #F8F8FF;
				padding: 10px 20px 0px;
				box-sizing: border-box;
			}

			.from-title .icon {
				margin-right: 8px;
				font-size: 18px;
				font-weight: bold;
			}

			.detailInfoContent {
				padding-top: 20px;
				border-top: 1px solid #EEEEEE;
				align-items: center;
			}

			.detailInfoContent .imgwrapper {
				width: 160px;
				height: 160px;
				background: #DDDDDD;
				border-radius: 4px;
				margin-right: 30px;
			}

			.detailInfoContent .contentwrapper {
				flex: 1;
			}

			.detailInfoContent .contentwrapper .contentwrapper-info {
				display: flex;

			}

			.detailInfoContent .contentwrapper .contentwrapper-info .contentwrapper-info-item {
				flex: 1;
				display: flex;
				flex-direction: column;
				padding-bottom: 23px;
				border-bottom: 1px solid #EEEEEE;
			}

			.contentwrapper-info .contentwrapper-info-item .item-title {
				font-size: 14px;
				color: #777777;
				line-height: 14px;
				margin-bottom: 19px;
			}

			.contentwrapper-info .contentwrapper-info-item .item-val {
				font-size: 18px;
				color: #6462F3;
				line-height: 18px;
				display: flex;
				align-items: center;
			}

			.contentwrapper-info .contentwrapper-info-item .item-val .yzButton {
				padding: 6px 11px;
				color: #777777;
				line-height: 14px;
				margin-left: 20px;
			}

			.contentwrapper .contentwrapper-button-wrapper {
				margin-top: 20px;
			}

			.contentwrapper .contentwrapper-button-wrapper .yzButton {
				margin-right: 20px;
				height: 40px;
				width: 90px;
				font-size: 16px;
				color: #FFFFFF;
				background-color: #6462F3;
				border: none;

			}

			/* 按钮不可点击样式 */
			.contentwrapper .contentwrapper-button-wrapper .yzButton.noClick {
				background: #8987FF;
				color: #FFFFFF;
				cursor: default;
				opacity: 0.8;
			}

			.form-wrapper .contentInfo-wrapper .content-title {
				padding: 19px 0px;
				border-bottom: 1px solid #EEEEEE;
				font-size: 16px;
			}

			.form-wrapper .contentInfo-wrapper .content-info-wrapper {
				justify-content: space-between;
				padding: 20px 0px;
				align-items: center;
				border-bottom: 1px solid #EEEEEE;
			}

			.form-wrapper .contentInfo-wrapper:last-child .content-info-wrapper {
				border-bottom: none;
			}

			.form-wrapper .contentInfo-wrapper .content-info-wrapper .content-wrapper .yzButton {
				background-color: #6462F3;
				color: #FFFFFF;
				line-height: 14px;
				padding: 10px 21px;
			}

			.form-wrapper .contentInfo-wrapper .content-info-wrapper .content-wrapper .yzButton.renew {
				background-color: #fff;
				color: #6462F3;
				border: 1px solid #6462F3;
			}

			.form-wrapper .contentInfo-wrapper .content-info-wrapper .content-info {
				flex-wrap: wrap;
				width: calc(100% - 200px);
			}

			.form-wrapper .contentInfo-wrapper .content-info-wrapper .content-info .content-info-item {
				width: 20%;
				line-height: 30px;
			}

			.form-wrapper .contentInfo-wrapper .content-info-wrapper .content-info .content-info-item .item-key {
				color: #777777;
			}

			.form-wrapper .contentInfo-wrapper .content-info-wrapper .content-info .content-info-item .item-val {
				font-size: 16px;
			}

			.el-popover {
				padding: 20px !important;
				box-sizing: border-box;
			}

			/* dialog  */
			.yz-el-dialog .renewButton {
				/* padding: 11px  20px; */
				display: flex;
				align-items: center;
				justify-content: center;
				width: 76px;
				height: 36px;
				box-sizing: border-box;
				color: #333;
				position: relative;
			}

			.yz-el-dialog .renewButton.active {
				border: 1px solid #6462F3;
				color: #6462F3;

			}

			.yz-tooltip {
				position: absolute;
				left: -10px;
				top: -44px;
				padding: 8px 14px;
				font-size: 12px;
			}

			.yz-tooltip::before {
				content: '';
				position: absolute;
				left: 20px;
				bottom: -15px;
				width: 0;
				height: 0;
				border: 8px solid;
				border-color: #ffe5e7 transparent transparent transparent;
				z-index: 10;
			}

			.yz-tooltip::after {
				content: '';
				position: absolute;
				left: 20px;
				bottom: -15px;
				width: 0;
				height: 0;
				border: 8px solid;
				border-color: red transparent transparent transparent;
			}


			.yz-el-dialog .yz-tooltip.saletooltip {
				display: none;
				border: 1px solid #FF8F9A;
				background-color: #ffe5e7;
				color: #F21C30;
				white-space: nowrap;
				border-radius: 4px;

			}

			.yz-el-dialog .renewButton:hover .yz-tooltip.saletooltip {
				display: block;
			}

			.yz-el-dialog .renewButton img {
				width: 21px;
				margin-right: 3px;

			}

			.renewTime-wrapper {
				padding-bottom: 20px;
				border-bottom: 1px solid #EEEEEE;
				margin-bottom: 50px;
			}

			.autoRenew-wrapper .autoRenewInfo {
				align-items: center;
				margin-top: 20px;
			}

			.autoRenew-wrapper .autoRenewInfo .title {
				margin-right: 17px;
			}

			.autoRenew-wrapper .autoRenewDesc {
				color: #5958F1;
				font-size: 12px;
				margin-top: 9px;
			}

			.el-table th>.cell {
				padding-top: 5px;
				padding-bottom: 5px;
			}

			.opearButton {
				color: #6462F3;
				cursor: pointer;
			}

			.safeGroup .el-table th {
				border-top: none !important;
			}

			.diskInfo-wrapper.system .el-table th {
				border-top: none !important;
			}

			/* 			.el-table td {
				border-bottom: none !important;
			} */
			.safeGroup td {
				border-bottom: none !important;
			}

			.cloudDisk th {
				/* border-bottom: none !important; */
			}

			.el-table::before {

				background: none !important;
			}

			.diskInfo-wrapper .yzButton {
				width: 90px;
				height: 36px;
				background: #6462F3;
				border-radius: 4px;
				color: #FFFFFF;
				border: none;
			}

			.diskInfo-wrapper .yzButton.noClick {
				background: #8987FF;
				color: #FFFFFF;
				cursor: default;
				opacity: 0.8;
			}

			.inputNumber-wrapper {
				position: relative;
				align-items: center;
			}

			.inputNumber-wrapper .unit {
				position: absolute;
				top: 0;
				height: 36px;
				right: 57px;
				font-size: 14px;
				font-weight: 400;
				font-stretch: normal;
				letter-spacing: 0;
				color: #999999;
				bottom: 0;
				margin: auto 0;
				line-height: 36px;
				z-index: 20;
			}

			.dialog-content .opeartion-wrapper {
				cursor: pointer;
			}

			.dialog-content .opeartion-wrapper .icon {
				font-size: 18px;
			}

			.dialog-content .opeartion-wrapper .flagText {
				color: #6462F3;
				margin-left: 5px;
			}

			.dialog-content .addDesc {
				color: #6462F3;
			}

			.dialog-content .dataInfo {
				margin-bottom: 15px;
			}

			.dialog-content .dataInfo:last-child {
				margin-bottom: 0px;
			}


			/* 快照 */
			.fastPhotoOpeartion-wrapper {
				justify-content: space-between;
			}

			.fastPhotoOpeartion-wrapper .yzButton {
				width: 90px;
				height: 36px;
				background: #6462F3;
				border-radius: 4px;
				border: none;
				color: #FFFFFF;
			}

			.fastPhotoOpeartion-wrapper .el-input__inner {
				color: #6462F3;
			}

			/* 快照  end*/
			.el-button.el-button--default:hover {
				color: #6462F3 !important;
				border-color: #6462F3 !important;
			}

			.dialog-selectMethod-wrapper .method-item {
				margin-top: 20px;
			}

			.dialog-selectMethod-wrapper .method-item .item-desc {
				/* margin-left: 30px; */
			}

			.dialog-selectMethod-wrapper .method-item .item-desc.green {
				color: #0FB04D;
			}

			.dialog-selectMethod-wrapper .method-item .item-desc.red {
				color: #F21C30
			}

			.dialog-selectMethod-wrapper {
				margin-bottom: 50px;
			}

			.yz-tabcontent-wrapper {
				padding-top: 20px;
				padding-bottom: 10px;
				margin-bottom: 50px;
				border-bottom: 1px solid #EEEEEE;
			}

			.yz-tabcontent-wrapper.other {
				margin-bottom: 0px;
				border-bottom: none;
			}

			.yz-tabcontent-wrapper .detailInfo-wrapper {
				font-size: 0px;
				margin-bottom: 10px;
			}

			.yz-tabcontent-wrapper .detailInfo-wrapper .detailInfo-item {
				display: inline-block;
				font-size: 14px;
				padding: 0 5px;
				border-right: 1px solid #333;
			}

			.yz-tabcontent-wrapper .detailInfo-wrapper .detailInfo-item.green {
				color: #3FBF70;
			}

			.yz-tabcontent-wrapper .detailInfo-wrapper .detailInfo-item:first-child {
				padding-left: 0px;
			}

			.yz-tabcontent-wrapper .detailInfo-wrapper .detailInfo-item:last-child {
				border-right: none;
			}

			.yz-tabcontent-wrapper .systemSelect-wrapper {
				margin-bottom: 50px;
			}

			.yz-tabcontent-wrapper .image-content-wrapper {
				cursor: pointer;
			}

			.yz-tabcontent-wrapper .image-content-wrapper /deep/.el-input__inner {
				border: none;
				color: #333333;
			}

			.yz-tabcontent-wrapper .image-content-wrapper /deep/.el-select .el-input .el-select__caret {
				color: #D0D0D0;
			}

			.yz-tabcontent-wrapper .image-content-wrapper.active .content-info {
				border: solid 1px #6462f3;
			}

			.yz-tabcontent-wrapper .image-content-wrapper.active .content-info .info-system {
				border-bottom: solid 1px #6462f3;
			}

			.yz-tabcontent-wrapper .image-content-wrapper.active /deep/.el-input__inner {
				border: none;
				color: #6462f3;
			}

			.yz-tabcontent-wrapper .image-content-wrapper.active /deep/.el-select .el-input .el-select__caret {
				color: #6462f3;
			}

			.yz-tabcontent-wrapper .image-content-wrapper .content-info {
				height: 91px;
				background-color: #ffffff;
				border-radius: 6px;
				border: solid 1px #eeeeee;
				box-sizing: border-box;
			}

			.yz-tabcontent-wrapper .image-content-wrapper .content-info .info-system {
				align-items: center;
				height: 53px;
				box-sizing: border-box;
				border-bottom: solid 1px #eeeeee;
				padding-left: 20px;
			}

			.yz-tabcontent-wrapper .image-content-wrapper .content-info .info-system .system-flag {
				width: 24px;
				display: inline-block;
				margin-right: 20px;
			}

			.yz-tabcontent-wrapper .image-content-wrapper .content-info .info-system .system-name {
				font-size: 16px;
				font-weight: bold;
				font-stretch: normal;
				letter-spacing: 0px;
				color: #333333;
			}

			.yz-tabcontent-wrapper .image-content-wrapper .content-desc {
				margin-top: 20px;
				color: #6462f3;
			}

			.image-content-wrapper {
				padding-top: 20px;

			}

			.image-content-wrapper .el-input__inner {
				border: none !important;
			}

			.systemSelect-wrapper {
				border-top: 1px solid #EEEEEE;
			}

			.dialog-content.verifyIdentity .dialog-content-desc {
				height: 40px;
				background: #F3F3FF;
				border: 1px solid #AEABFF;
				border-radius: 4px;
				color: #6462F3;
				display: flex;
				align-items: center;
				padding-left: 20px;
			}

			.dialog-content.verifyIdentity .text {
				margin-top: 30px;
				padding-left: 20px;
			}

			.dialog-content.verifyIdentity .text .phoneNum {
				color: #6462F3;
			}

			.verificationCode-wrapper {
				/* padding-left: 20px; */
				/* margin-bottom: 50px; */
				align-items: center;
			}

			.verificationCode-wrapper .yzButton {
				margin-left: 10px;
				padding: 0px 25px;
				height: 36px;
				font-size: 14px;
				color: #6462F3;
				background: #F8F8FF;
				border: 1px solid #EFEFFD;
				border-radius: 4px;
				box-sizing: border-box;
			}

			.verificationCode-wrapper .yzButton.noClick {
				cursor: default;
				border: 1px solid #EEEEEE;
				background: #FFFFFF;
				color: #777777;
			}

			.echarts-wrapper {
				height: 410px;
				width: 100%;
				/* border-top: 1px solid #EEEEEE; */
			}

			.echarts-col {
				border-top: 1px solid #EEEEEE;
				padding-top: 20px;
			}

			.yzButton.echartsButton {
				padding: 0px 21px;
				height: 36px;
				box-sizing: border-box;
			}

			.yzButton.echartsButton:hover {
				border: 1px solid #6462F3;

			}

			.yzButton.echartsButton:hover span {
				color: #6462F3;
			}

			.yzButton.echartsButton i {
				width: 19px;
				height: 17px;


			}

			.yzButton.echartsButton i.download {
				background: url(../../img/download-default.png) no-repeat center;
				background-size: contain;

			}

			.yzButton.echartsButton:hover i.download {
				background: url(../../img/download-select.png) no-repeat center;
				background-size: contain;
			}

			.yzButton.echartsButton i.refresh {
				background: url(../../img/updata-default.png) no-repeat center;
				background-size: contain;

			}

			.yzButton.echartsButton:hover i.refresh {
				background: url(../../img/updata-select.png) no-repeat center;
				background-size: contain;
			}

			.jiankong-opeartion-wrapper {
				padding-bottom: 20px;
				/* border-bottom: 1px solid #EEEEEE; */
			}

			.echarts-titleWrapper {
				padding-right: 10%;
				justify-content: space-between;
				align-items: center;
			}

			.echarts-titleWrapper .title {
				font-size: 18px;
				white-space: nowrap;
			}

			.echarts-titleWrapper i {
				color: #999999;
			}

			.echarts-titleWrapper .desc-wrapper {
				display: grid;
				display: -ms-grid;
				grid-template-columns: 200px 200px auto;
				-ms-grid-template-columns: 200px 200px auto;
				grid-row-gap: 10px;
				color: #777;
			}

			.title-wrapper .title-pop {
				font-size: 16px;
			}

			.saleInfo-wrapper .saleInfo-item {
				box-sizing: border-box;
				padding-left: 20px;
				padding-right: 20px;
				display: flex;
				justify-content: space-between;
				margin: 10px 0;
			}

			.saleInfo-wrapper .saleInfo-item .item-title {
				font-size: 16px;
			}

			.saleInfo-wrapper .saleInfo-item .item-desc {
				font-size: 16px;
				color: #F0192A;
			}

